.equipment-detail{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    &-left{
        width: 150px;
        height: 150px;
        background: #fff;
        flex-shrink: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        .ant-tag{
            margin-right: 0;
            margin-top: 8px;
        }
    }
    &-right{
        flex-grow: 1;
        height: 150px;
        padding:20px;
        background: #fff;
        margin-left: 10px;
    }
}

.equipment-log{
    display: flex;
    justify-content: space-between;
    align-content: stretch;
    margin-top: 25px;
    &-left{
        width: 36%;
        flex-shrink: 1;
    }
    &-right{
        flex-grow: 1;
        margin-left: 10px;
    }
}

.validate-form{
    .form-item{
        justify-content: start;
    }
    .form-input{
        width: calc(100% / 3 - 110px);
        flex-grow: 0;
        input[disabled]{
            color: #333;
        }
    }
}

.equipment-btn{
    width: 100%;
    background: #fff;
    padding:20px 0;
    display: flex;
    justify-content: center;
    button{
        margin:0 20px;
        padding-left: 25px;
        padding-right: 25px;
        &.btn-success{
            background-color: #10C572;
            border-color: #10C572;
        }
        &.btn-black{
            background-color: #333333;
            border-color: #333333;
        }
        &.btn-danger{
            background-color: #FF5555;
            border-color: #FF5555;
        }
    }
}